<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="中职购物.css">
	</head>
	<body>
		<div class="our">
			<header>
				<div class="head-l">
					<img src="img/购物.png">
					<span>中职购物</span>
				</div>
				<div class="head-r">
					<input type="text" placeholder="&nbsp;&nbsp;查询产品">
					<img src="img/搜索.png">
				</div>
			</header>
			<nav>
				<div class="nav-l">
					<a href="#">网站主页</a>
					<a href="#">最新商品</a>
					<a href="#">特色商品</a>
					<a href="#">商品长廊</a>
					<a href="#">今日促销</a>
				</div>
				<div class="nav-r">
					<img src="img/喜欢.png">
					<img src="img/购物车.png">
					<img src="img/我的.png">
				</div>
			</nav>
			<!-- 轮播图 -->
			<div class="lbt">
				<div class="imge">
					<img src="img/home_img1.jpg" />
					<img src="img/home_img2.jpg" />
					<img src="img/home_img3.jpg" />
					<img src="img/home_img4.jpg" />
				</div>
			</div>
			
			<div class="z1">
				<div id="zxdh" class="new">最新到货</div>
				<div class="line"></div>
				
				<div class="zjnr">
					<div class="zj zone">
						<div class="img"><img src="img/arr_img1.jpg" /></div>
						<span class="zname">智能电脑</span>
						<span class="newprice">￥1000/-<span class="oldpirce">￥1500/</span></span>
					</div>
					
					<div class="zj ztwo">
						<div class="img"><img src="img/arr_img2.jpg" /></div>
						<span class="zname">游戏终端</span>
						<span class="newprice">￥1000/-<span class="oldpirce">￥1500/</span></span>
					</div>
					
					<div class="zj zthree">
						<div class="img"><img src="img/arr_img3.jpg" /></div>
						<span class="zname">潮流鞋子</span>
						<span class="newprice">￥1000/-<span class="oldpirce">￥1500/</span></span>
					</div>
					<div class="zj zfour">
						<div class="img"><img src="img/arr_img4.jpg" /></div>
						<span class="zname">智能手机</span>
						<span class="newprice">￥1000/-<span class="oldpirce">￥1500/</span></span>
					</div>
					
					<div class="zj zfive">
						<div class="img"><img src="img/arr_img5.jpg" /></div>
						<span class="zname">名牌衣服</span>
						<span class="newprice">￥1000/-<span class="oldpirce">￥1500/</span></span>
					</div>
					
					<div class="zj zsix">
						<div class="img"><img src="img/arr_img6.jpg" /></div>
						<span class="zname">最潮话筒</span>
						<span class="newprice">￥1000/-<span class="oldpirce">￥1500/</span></span>
					</div>
					
				</div>
			</div>

			<div class="z2">
				<div id="tscp" class="new">特色产品</div>
				<div class="line"></div>
				
				<div class="box1">
					<div class="watch">
						<div class="allwatch">
							<input class="input" type="radio" name="choose" id="choose1" checked>
							<input class="input" type="radio" name="choose" id="choose2">
							<input class="input" type="radio" name="choose" id="choose3">
							<input class="input" type="radio" name="choose" id="choose4">
							<img class="watch1" src="img/watch1.jpg" />
							<img class="watch1" src="img/watch2.jpg" />
							<img class="watch1" src="img/watch3.jpg" />
							<img class="watch1" src="img/watch4.jpg" />
						</div>
						
						<span class="smallwatch">
							<label for="choose1"><img class="smallimg" src="img/watch1.jpg"/></label>
							<label for="choose2"><img class="smallimg" src="img/watch2.jpg"/></label>
							<label for="choose3"><img class="smallimg" src="img/watch3.jpg"/></label>
							<label for="choose4"><img class="smallimg" src="img/watch4.jpg"/></label>
						</span>
						
						<div class="watchwenzi">
							<div style="color: cornflowerblue; font-size: 40px;margin-top: 40px;">智能手表</div>
							<div style="margin: 4px 0;">（500+）评论</div>
							<div style="margin: 20px 0;">各大供应商的最新商品齐聚于此</div>
							<span style="color: red;">￥1000</span>
							<span style="font-size: 13px;color: black;text-decoration: line-through;">￥1500</span>
							<a href="#"><span style="margin-left:10px;color: white;padding:5px 20px;background-color: cornflowerblue;">立即购买</span></a>
						</div>
					</div>
				</div>
				<!-- 斜放 -->
				<div class="box2"></div>
			</div>
			
			<div class="z3">
				<div id="spcl" class="new">产品长廊</div>
				<div class="line"></div>
				<div class="nav1">
					<a class="lxfl">所有类型</a>
					<a class="lxfl">电话</a>
					<a class="lxfl">笔记本电脑</a>
					<a class="lxfl">耳机</a>
					<a class="lxfl">鞋子</a>
				</div>
				<div class="alllx">
					<div class="lx">
						<div class="lxbox"><img class="lximg" src="img/g_img1.jpg" /></div>
						<div class="lxname">智能手机</div>
						<div class="lxprice">￥1000</div>
					</div>
					<div class="lx">
						<div class="lxbox"><img class="lximg" src="img/g_img2.jpg" /></div>
						<div class="lxname">智能手机</div>
						<div class="lxprice">￥1000</div>
					</div>
					<div class="lx">
						<div class="lxbox"><img class="lximg" src="img/g_img3.jpg" /></div>
						<div class="lxname">智能平机</div>
						<div class="lxprice">￥1000</div>
					</div>
					<div class="lx">
						<div class="lxbox"><img class="lximg" src="img/g_img4.jpg" /></div>
						<div class="lxname">跑鞋</div>
						<div class="lxprice">￥1000</div>
					</div>
					<div class="lx">
						<div class="lxbox"><img class="lximg" src="img/g_img5.jpg" /></div>
						<div class="lxname">智能平机</div>
						<div class="lxprice">￥1000</div>
					</div>
					<div class="lx">
						<div class="lxbox"><img class="lximg" src="img/g_img6.jpg" /></div>
						<div class="lxname">智能耳机</div>
						<div class="lxprice">￥1000</div>
					</div>
					<div class="lx">
						<div class="lxbox"><img class="lximg" src="img/g_img7.jpg" /></div>
						<div class="lxname">跑鞋</div>
						<div class="lxprice">￥1000</div>
					</div>
					<div class="lx">
						<div class="lxbox"><img class="lximg" src="img/g_img8.jpg" /></div>
						<div class="lxname">智能耳机</div>
						<div class="lxprice">￥1000</div>
					</div>
					<div class="lx">
						<div class="lxbox"><img class="lximg" src="img/g_img9.jpg" /></div>
						<div class="lxname">智能耳机</div>
						<div class="lxprice">￥1000</div>
					</div>
				</div>
			</div>
			
			<div class="z4">
				<div id="zjcx" class="new">最佳促销</div>
				<div class="line"></div>
				<div class="cx1">
					<div class="cx beijingone">
						<div class="cxone">最新笔记本电脑</div>
						<div class="cxtwo">最高可达25%的折扣</div>
						<a href="#"><span class="cxthree">了解更多</span></a>
					</div>
					<div class="cx beijingtwo">
						<div class="cxone">最新笔记本电脑</div>
						<div class="cxtwo">最高可达25%的折扣</div>
						<a href="#"><span class="cxthree">了解更多</span></a>
					</div>
				</div>
				<div class="cx1">
					<div class="xiao">
						<img style="height: 50px;" src="img/书.png" />
						<div style="font-size: 25px;margin-top: 5px;">最快到货</div>
						<div style="font-size: 15px;margin-top: 10px;">送货快捷，城区10公里内免费送货，当天送达</div>
					</div>
					<div class="xiao">
						<img style="height: 50px;" src="img/书.png" />
						<div style="font-size: 25px;margin-top: 5px;">24X7技术支持</div>
						<div style="font-size: 15px;margin-top: 10px;">所有商品提供7X24小时的技术支持</div>
					</div>
					<div class="xiao">
						<img style="height: 50px;" src="img/书.png" />
						<div style="font-size: 25px;margin-top: 5px;">快捷付款</div>
						<div style="font-size: 15px;margin-top: 10px;">支持微信支付宝信用卡现金付款</div>
					</div>
					<div class="xiao">
						<img style="height: 50px;" src="img/书.png" />
						<div style="font-size: 25px;margin-top: 5px;">10天包换</div>
						<div style="font-size: 15px;margin-top: 10px;">我们所有商品均可以在10天进行无理由退还货品</div>
					</div>
				</div>
			</div>
			<footer class="footer1">
				<div style="font-size: 35px;">新闻信息</div>
				<div style="font-size: 15px;margin-top:10px;">获取最新打折促销的信息</div>
				<input class="cz"/>
				<button class="footersousuo">搜索</button>
			</footer>
			<footer class="footer2">
				<div class="left">
					<div class="left1">
						<img style="width: 40px;height: 40px;margin-bottom: 10px;" src="img/购物.png" />
						<div style="font-size: 30px;">
							中山购物
						</div>
					</div>
				</div>
				<div class="footbottom">
					<div style="font-size: 30px;color: cornflowerblue;">链接</div>
					<a href="#">网络主页</a>
					<a href="#">最新到货</a>
					<a href="#">特色商品</a>
				</div>
				<div class="right">
					<div style="font-size: 30px;color: cornflowerblue;">联系我们</div>
					<div>+15521xxxxxx</div>
					<div>博爱七路，中山市东区，广东-528001</div>
				</div>
			</footer>
			<div class="line"></div>
			<div class="end">
				<div style="margin-right: 5px;">设计</div>
				<div style="margin-right: 5px;color: cornflowerblue;">中职软件</div>
				<div style="margin-right: 5px;">|</div>
				<div>版权所有&copy;</div>
			</div>
		</div>
	</body>
</html>